<template>
	<view class="content">
		<scroll-view scroll-y class="left-aside">
			<view v-for="item in firstList" :key="item.id" class="first-item" :class="{active: item.id === currentId}" @click="tabtap(item)">
				{{item.name}}
			</view>
		</scroll-view>
		<scroll-view scroll-with-animation scroll-y class="right-aside">
			<view class="second-list">
				<view @click="navToList(item.id,item.name)" class="second-item" v-for="item in secondList" :key="item.id">
					<image :src="item.pic||'/static/goods-default.png'"></image>
					<text>{{item.name}}</text>
				</view>
			</view>
		</scroll-view>
	</view>
</template>


<script src = "./category.js"></script>

<style lang="scss" src = "./category.scss"></style>